import React, { Component } from 'react'

// 引入二级路由组件的坑和匹配规则
import { Route, Switch, Redirect } from 'react-router-dom'

import Mine1 from './Mine1'
import Mine2 from './Mine2'

// 嵌套路由规则
// 在二级或后代及组件中定义Route组件,Route 相当于router-view, 坑,
// 二级路由组件的path 一定需要拼接一级路由组件的path
// 二级路由设置默认展示组件使用重定向规则

export default class Mine extends Component {
    render() {
        return (
            <>
                <div>我的页面</div>
                {/* 写二级路由组件的坑和规则 */}
                <Switch>
                    {/* 二级路由规则的path一定要拼接一级路由 */}
                    <Route path='/mine/mine1' component={Mine1}></Route>
                    <Route path='/mine/mine2' component={Mine2}></Route>
                    {/* 默认展示二级的组件使用重定向 */}
                    <Redirect from='/mine' to='/mine/mine2' exact></Redirect>
                </Switch>
            </>
        )
    }
}
